<template>
	<view class="gDetails">
		<view class="gDetailsTop">
			<view class="gDetailsTopTitle">政策基本信息</view>
			<view class="gDetailsTopList">
				<view class="gDetailsTopListLi">
					<view class="gDetailsTopListLil">所属区划</view>
					<view class="gDetailsTopListLir">{{ policyInfo.policyRegion }}</view>
				</view>
				<view class="gDetailsTopListLi">
					<view class="gDetailsTopListLil">发布单位</view>
					<view class="gDetailsTopListLir">{{ policyInfo.policyPubdept }}</view>
				</view>
				<view class="gDetailsTopListLi">
					<view class="gDetailsTopListLil">发布日期</view>
					<view class="gDetailsTopListLir">{{ policyInfo.pubTime }}</view>
				</view>
			</view>
		</view>
		<view class="gDetailsTop">
			<view class="gDetailsTopTitle">政策详情</view>
			<view class="gDetailsTopContent" v-html="policyInfo.policyContent"></view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			policyInfo: {
				type: Object,
				default: () => ({})
			}
		}
	}
</script>

<style lang="scss">
.gDetails{
	.gDetailsTop{
		margin: 30rpx 0 0;
		padding: 32rpx;
		background: #ffffff;
		border-radius: 20rpx;
		.gDetailsTopTitle{
			font-size: 28rpx;
			color: #202020;
			padding-left: 35rpx;
			background: url("/static/images/sanjiao.png") no-repeat left center / 17rpx 21rpx;
		}
		.gDetailsTopContent{
			font-size: 28rpx;
			color: #4e5262;
			line-height: 55rpx;
			p {
				margin: 20rpx 0;
				text-indent: 2em;
				&:first-child {
					text-indent: 0;
					text-align: center;
					font-size: 32rpx;
					color: #202020;
					font-weight: bold;
				}
				&:nth-child(2) {
					text-indent: 0;
					text-align: center;
					color: #666;
				}
				strong {
					font-weight: bold;
					color: #202020;
				}
			}
		}
		.gDetailsTopList{
			padding: 20rpx 0 0;
			.gDetailsTopListLi{
				display: flex;
				line-height: 55rpx;
				justify-content: space-between;
				.gDetailsTopListLil{
					font-size: 28rpx;
					color: #4e5262;
				}
				.gDetailsTopListLir{
					font-size: 28rpx;
					color: #202020;
				}
			}
		}
	}
}
</style>
